<html>
<head>
<title>Timeline for ${user.profile.fullName}
</title>
<meta name="layout" content="bootstrap">


<link rel="stylesheet" href="${resource(dir: 'css', file: 'bootstrap.css')}" type="text/css">
<link rel="stylesheet" href="${resource(dir: 'less', file: 'bootstrap.less')}" type="text/less">


<link rel="stylesheet" href="${resource(dir: 'css', file: 'bootstrap-tagmanager.css')}" type="text/css">
<link rel="stylesheet" href="${resource(dir: 'css', file: 'bootstrap-tagmanager.less')}" type="text/less">
<script type="text/javascript" src="${resource(dir: 'js', file: 'jquery.js')}"></script>
<script type="text/javascript" src="${resource(dir: 'js', file: 'bootstrap-tagmanager.js')}"></script>

<script type="text/javascript">
$('document').ready(function(){
jQuery(".tagManager").tagsManager();
});
</script>
</head>
<body>
<br><br>

	<div id="newPost">
		<h3>
			Hello <strong>${user.profile.fullName}</strong>!, what would you want to share
		</h3>
		 


		<p>
			<g:form action="addPost" id="${params.id}">
				<div class="input-append">
				<g:textArea class="span9" placeholder="enter the url here" id='postContent' name="content" rows="1" />
				
				</div>
			   <div class="input-append">
				<g:textField type="text" name="Atag" id='postTags' placeholder="Tags" class="tagManager"/>
				<g:submitButton class="btn btn-success" name="post" value="share" />
				</div>
			</g:form>
		</p>
	</div>
	<g:if test="${flash.message}">
		<div class="flash">
			${flash.message}
		</div>
	</g:if>
	<div class="allPosts">
		<g:each in="${user.posts}" var="post">
		<article>
			<div class="postEntry">
				<div class="content1">

					
					${post.type}

					
					${post.author_name1 }
					
					${post.author_url }
					
					${post.provider_name }
					
					${post.provider_url }
					
					${post.thumbnail_url }
					
					<%--${post.thumbnail_width }
					
					${post.thumbnail_height }



					--%><div class="row-fluid">
						<ul class="thumbnails">
						
							<li class="span9">
								<div class="thumbnail">
									<img data-src="holder.js/300x200" alt="">
									<div class="caption">
										<h3>
											${post.title }
										</h3>
										<h5>
											<a href="${post.content}">${post.content}</a>
										</h5>
										<p>
										<div class="row-fluid">
									<g:if test="${post.thumbnail_url!=null}">
											<img class="span2" src="${post.thumbnail_url }" class="img-rounded">
											</g:if>
											
											<div class="span9">${post.description }</div>
										
									</div>
										<br>
										${post.html}
										<g:if test="${post.author_name1!=null }">
											<blockquote>
												<small>
													${post.provider_name } (${post.author_name1 } )
												</small>
											</blockquote>
										</g:if>
										<p>
											<a href="${post.url}" class="btn btn-primary">read-more</a> <a
												href="#" class="btn">trend-it now</a>
										</p>
										<g:each in="${post.tags}" var="tag">
											<span class="label label-success">
												${tag.name }
											</span>&nbsp
										</g:each>
										&nbsp&nbsp
										<span class="badge badge-inverse">
											${post.dateCreated}
										</span>
										
										
										<div class="rdbWrapper" data-show-read="1" data-show-send-to-kindle="1" data-show-print="1" data-show-email="1" data-version="1"></div><script type="text/javascript"> (function() { var s = document.getElementsByTagName("script")[0], rdb = document.createElement("script"); console.log("rdb=",rdb); rdb.type = "text/javascript"; rdb.async = true; rdb.src = document.location.protocol + "//www.readability.com/embed.js"; console.log("rdb.src"+rdb.src); s.parentNode.insertBefore(rdb, s); })(); </script>
										
										
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			</article>
		</g:each>

	</div>





</body>
</html>
